@tailwind base;
@tailwind components;
@tailwind utilities;

.flex-box {
  .ant-card {
    color: white;
  }
  .ant-card-head {
    color: white;
  }
}

.box {
  padding: 10px;

  .flex-box {
    width: 340px;
    div {
      width: 100px;
      height: 30px;
      background-color: aquamarine;
      border: 1px solid red;
      &.alignItem {
        height: auto;
      }
      &.alignContent {
        height: auto;
      }
      &.align-self {
        height: auto;
      }
    }
  }
  .inline-flex-box {
    width: 320px;
    span {
      width: 100px;
      height: 30px;
      background-color: aquamarine;
      border: 1px solid red;
      flex: 1 1 0%;
    }
  }
}

.flex-item {
}
